<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>支付订单</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    {eyou:static file="users/skin/css/basic.css" /}
    {eyou:static file="users/skin/css/eyoucms.css" /}
    {eyou:static file="users/skin/css/pay.css" /}
	<!-- 新样式 2020-11-25 -->
	{eyou:static file="users/skin/css/element/index.css" /}
	{eyou:static file="users/skin/css/e-user.css" /}
    {eyou:include file="users/skin/css/diy_css.htm" /}
	
    {eyou:static file="/public/static/common/js/jquery.min.js"/}
    {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
    {eyou:static file="users/skin/js/global.js" /}
</head>

<body>
<div class="ey-cart-header">
    <div class="ey-cart-header-con">
    <div class="ey-logo">
        <!-- <a href="{eyou:global name='web_cmsurl' /}"><img src="{eyou:global name='web_logo'/}" /></a> -->
    </div>
    <div class="ey-cart-title">
        <h2> 支付订单 </h2> 
    </div>
    <div class="ey-cart-header-r">
        {egt name='$php_servicemeal' value='1'}
        <div class="right-item user-news">
            <a href="{:url('user/UsersNotice/index')}">
                {gt name="$unread_num" value="0"}
                <span class="num" id="users_unread_num">{$unread_num}</span>
                {/gt}
                <span class="icon"><i class="el-icon-bell"></i></span>
            </a>
        </div>
        {/egt}
        <div class="right-item user-photo">
            <a href="{eyou:Diyurl link='user/Users/index' /}"><img src="{$users.head_pic|get_head_pic=###}"/></a>
            <div class="user-drop">
                <ul>
                    <li><a href="{eyou:Diyurl link='user/Users/index' /}">个人中心</a></li>
                    {eyou:if condition="getUsersConfigData('shop.shop_open') == 1"}
                    <li><a href="{eyou:Diyurl link='user/Shop/shop_centre' /}">我的订单</a></li>
                    {/eyou:if}
                    <li><a href="{eyou:Diyurl link='user/Users/collection_index' /}">我的收藏</a></li>
                    <li><a href="{eyou:Diyurl link='user/Users/logout' /}">安全退出</a></li>
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>

<div class="page-main">
    <div class="container confirm-box">
        <div class="confirm-context">
            <div class="confirm-order">
                <!---->
                <div class="section section-order">
                    <div class="order-info clearfix">
                        <div class="fl">
                            <h2 class="title">订单提交成功！去付款咯～</h2>
                            <!---->
                            <p class="order-time">
                                <!----><span>请在<span class="pay-time-tip"></span><span>内完成支付, 超时后将取消订单</span></span>
                            </p>
                            <p class="post-info" id="address_info">收货信息：{$data.consignee} {$data.mobile} {$data.addressInfo}</p>
                        </div>
                        <div class="fr">
                            <div class="total">应付总额：<span class="money"><em >{$data.unified_amount}</em><span>元</span></span></div>
                            <a href="javascript:void(0);" class="show-detail" data-showhide="hide" onclick="showOrderDetail(this);">订单详情<i class="iconfont"></i></a>
                        </div>
                    </div><i class="iconfont icon-right">√</i>
                    <div class="order-detail J_showOrderDetail" id="J_showOrderDetail">
                        <ul>
                            <li class="clearfix">
                                <div class="label"> 订单号：</div>
                                <div class="content"><span class="order-num">{$data.unified_number}</span></div>
                            </li>
                            <li class="clearfix">
                                <div class="label"> 收货信息：</div>
                                <div class="content">{$data.consignee} {$data.mobile} {$data.addressInfo}</div>
                            </li>
                            <li class="clearfix">
                                <div class="label"> 商品名称：</div>
                                <div class="content">
                                    {eq name='$data.transaction_type' value='2'}
                                        {volist name='$data.order_details' id='goods'}
                                        <span>
                                            {$goods.product_name}&nbsp;
                                            {volist name='$goods.product_spec_list' id='spec'}
                                                {$spec.value}&nbsp;
                                            {/volist}
                                        </span>
                                        {/volist}
                                    {else /}
                                        <span class="red">{$data.cause}</span>
                                    {/eq}
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!---->
            <!---->
            <div class="confirm-pay">
                <div class="section section-payment">
                    <div class="cash-title">
                        <div>选择以下支付方式付款</div>
                    </div>
                    <div class="payment-box">
                        <div class="payment-body">
                            <ul class="clearfix payment-list J_paymentList">
                                <!-- 支付方式 -->
                                {eyou:include file="/public/static/template/users_v3/pay_recharge_type.htm" /}
                                <!-- 支付方式 -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>

<script type="text/javascript">
    function showOrderDetail(obj)
    {
        var showhide = $(obj).attr('data-showhide');
        if ('hide' == showhide) {
            $(obj).attr('data-showhide', 'show');
            $('#address_info').hide();
            $('#J_showOrderDetail').animate({ height: $('#J_showOrderDetail ul').height() + 30 }, 50);
        } else {
            $(obj).attr('data-showhide', 'hide');
            $('#address_info').show();
            $('#J_showOrderDetail').animate({ height: '0' }, 50);
        }
    }
    
    /*
    时间倒计时插件
    TimeDown.js
    */
    TimeDown({$data.paymentExpire|default=0});
    function TimeDown(totalSeconds) {
        //取模（余数）
        var modulo = totalSeconds % (60 * 60 * 24);
        //小时数
        var hours = Math.floor(modulo / (60 * 60));
        modulo = modulo % (60 * 60);
        //分钟
        var minutes = Math.floor(modulo / 60);
        //输出到页面
        $('.pay-time-tip').html(hours + "小时" + minutes + "分");
        // 剩余秒数
        totalSeconds--;
        if (totalSeconds < 0) {
            totalSeconds = 0;
        }
        //延迟一秒执行自己
        setTimeout(function () {
            TimeDown(totalSeconds);
        }, 1000)
    }
</script>

{eyou:include file="users/users_footer.htm" /}